/*
* @Author: qihailong
* @Date:   2018-06-26 09:52:28
* @Last Modified by:   qihailong
* @Last Modified time: 2018-06-26 09:52:28
*/
// 默认紫色
@button_base_color_violet: #8A54EF;
.fabs-ui.violet {
  .ivu-btn {
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 24px 5px;
    .ivu-icon {
      font-size: 16px;
      vertical-align: middle;
    }
    &:hover{
      color: @button_base_color_violet;
      border-color: desaturate(@button_base_color_violet,10%);
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(@button_base_color_violet , 20%);
    }
  }
  .ivu-btn-ghost {
    border:1px solid rgba(89,22,216,1);
  }

  .ivu-btn-primary.disabled,
  .ivu-btn-primary.disabled.active,
  .ivu-btn-primary.disabled:active,
  .ivu-btn-primary.disabled:focus,
  .ivu-btn-primary.disabled:hover,
  .ivu-btn-primary[disabled],
  .ivu-btn-primary[disabled].active,
  .ivu-btn-primary[disabled]:active,
  .ivu-btn-primary[disabled]:focus,
  .ivu-btn-primary[disabled]:hover,
  fieldset[disabled] .ivu-btn-primary,
  fieldset[disabled] .ivu-btn-primary.active,
  fieldset[disabled] .ivu-btn-primary:active,
  fieldset[disabled] .ivu-btn-primary:focus,
  fieldset[disabled] .ivu-btn-primary:hover {
    color: #AAAAAA;
    background-color: #F8F8F8;
    border-color: #DBDBDB;
  }
  .ivu-btn-primary {
    background-color: #8A54EF;
    border-color: #5916D8;
    &:hover {
      color:#ffffff;
      background-color:#743CDE;
      border-color: #5916D8;
    }
    &.active {
      color:#ffffff;
      background-color: #5916D8;
      border-color: #5916D8;
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(#8A54EF , 20%);
    }
  }
  .ivu-btn-info {
    border-color: #5916D8;
    color: #5916D8;
    background-color: #ffffff;
    &:hover {
      background-color: #5916D8;
      border-color: #5916D8;
      color: #ffffff;
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(#5916D8 , 20%);
    }
  }
  .ivu-btn-success {
    border-color: #4E8FFF;
    color: #4E8FFF;
    background-color: #ffffff;
    &:hover {
      background-color: #4E8FFF;
      border-color: #4E8FFF;
      color: #ffffff;
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(#4E8FFF , 20%);
    }
  }
  .ivu-btn-warning {
    border-color: #834AED;
    color: #834AED;
    background-color: #ffffff;
    &:hover {
      background-color: #834AED;
      border-color: #834AED;
      color: #ffffff;
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(#834AED , 20%);
    }
  }
  .ivu-btn-error {
    border-color: #E03A11;
    color: #E03A11;
    background-color: #ffffff;
    &:hover {
      background-color: #E03A11;
      border-color: #E03A11;
      color: #ffffff;
    }
    &:focus {
      box-shadow: 0 0 0 2px fade(#E03A11 , 20%);
    }
  }
  .ivu-btn-circle-outline.ivu-btn-icon-only, .ivu-btn-circle.ivu-btn-icon-only {
    border-radius: 50%;
    padding: 5px 9px 5px;
  }
  .ivu-btn-circle, .ivu-btn-circle-outline {
    border-radius: 32px;
  }
  .ivu-btn-large {
    padding: 8px 24px 9px;
  }
  .ivu-btn-small {
    padding: 2px 24px 3px;
  }
}
